FontPicker PRO#

The FontPicker namespace provides methods for selecting fonts from the system’s available font list. It opens the system font picker UI, allowing the user to choose a font, and returns the PostScript name of the selected font.

Overview#

In scenarios such as custom text editors, UI design, or typography styling, users may need to select a font dynamically. FontPicker offers a simple asynchronous interface to display the system’s font picker and obtain the selected font name.

Methods#

pickFont(): Promise<string | null>#

Opens the system font picker interface and lets the user select a font. Returns a Promise that resolves when the user either selects a font or cancels the picker.

Return Value:

• string — The PostScript name of the selected font (e.g., "Helvetica-Bold", "KaitiSC-Regular").
• null — Returned if the user cancels the picker.

Example#

1const fontPostscriptName = await FontPicker.pickFont()
2if (fontPostscriptName == null) {
3  // User canceled the font picker
4  console.log("Font selection canceled")
5} else {
6  console.log("Selected font:", fontPostscriptName)
7}

Example output:

Usage Notes#

• The returned font name can be used directly in text rendering or UI styling contexts.
• If the user cancels the selection, the return value is null; your code should handle this case gracefully.
• The fonts displayed in the picker depend on the fonts currently installed on the system, including both built-in and user-installed fonts.

Summary#